<template>
  <div class="page">
    <base-header title="项目详情"></base-header>

    <div class="p-20">
      <div class="flex flex-rr mb-20">
        <div class="inline mr-10">
          <u-button type="primary" @click="back">表格版</u-button>
        </div>

        <div class="inline">
          <u-button type="primary" @click="download">下载导出</u-button>
        </div>
      </div>

      <base-title>虹桥国际中央商务区6月经济数据快报</base-title>

      <div v-html="html"></div>
    </div>

    <div class="footer bd-top"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      html: `
        一、税收基本情况
        经初步统计，商务区2023年1-6月自
        然口径税收245.54亿元，按自然口径
        比去年同期增长80.5%，高于全市平
        均73.0个百分点。其中：闵行片区完
        成48.17亿元，比去年同期增长95.5%
        ；长宁片区完成约84.21亿元，比去
        年同期增长133.7%；青浦片区完成约
        79.73亿元，比去年同期增长51.8%；
        嘉定片区完成约33.43亿元，比去年
        同期增长46.3%。
        <br />
        商务区6月当月完成税收收入31.45亿
        元，环比增长4.2%。其中：闵行片区
        完成4.09亿元，环比下降34.8%；长
        宁片区完成11.32亿元，环比下降1.7
        %；青浦片区完成11.22亿元，环比增
        长29.0%；嘉定片区完成4.77亿元，
        环比增长28.3%。
        <br />
        二、货物进出口额
        商务区2023年1-6月货物进出口额完
        成338.34亿元，同比增长24.5%，其
        中货物进口额完成256.3亿元，同比
        增长26.4%；货物出口额完成82.04亿
        元，同比增长19.0%。
        <br />
        三、重点产业项目
        2023年1-6月商务区累计引进重点产
        业项目165个（去年同期52个），签
        约投资总额901亿元，同比增长84.5%
        。
        <br />
        四、重大项目投资
        2023年1-6月完成重大项目投资约123
        亿元，同比增长70.8%。其中重点政
        府投资项目约16亿元，社会投资项目
        约107亿元。
      `,
    };
  },

  onLoad() {},

  methods: {
    back() {
      uni.navigateBack();
    },

    download() {
      uni.showLoading({
        title: "正在下载...",
        mask: true,
      });

      uni.downloadFile({
        url: "https://oss-cdn-prod.enyamusic.cn/frontend/h5/doc_file.docx",
        success: ({ statusCode, tempFilePath }) => {
          if (statusCode === 200) {
            uni.saveFile({
              tempFilePath: tempFilePath,
              success: () => {
                uni.showToast({
                  title: "下载成功",
                });
              },
              fail: () => {
                uni.hideLoading();
              },
            });
          }
        },
        fail: () => {
          uni.hideLoading();
        },
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>
